<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:sigecComp="http://java.sun.com/jsf/composite/components">

	<h:outputStylesheet library="css" name="textos.css" />    
   	<h:outputStylesheet library="css" name="bordes.css"/>
   	<h:outputStylesheet library="css" name="botones.css"/>
   	<h:outputScript library="js" name="validaciones.js" target="head"/>
   	
	<h:form>
		<rich:panel header="#{msg['registro_de_docente']}" id="pnlDocente">
			<h:panelGroup layout="block" styleClass="roundCorner" id="pnlBtnProf">
				<h:panelGrid columns="3">
					<h:panelGrid columns="1" style="padding-left:10px; text-align:center;" rendered="#{registroDocenteController.renderEditionButtons}">
						<a4j:commandButton value="#{msg['guardar']}" actionListener="#{registroDocenteController.btnSaveProfesor}" image="/resources/images/save.png" render="pnlBtnProf, pnlDocente"/>
						<h:outputLabel value="#{msg['guardar']}" />
					</h:panelGrid>
					
					<h:panelGrid columns="1" style="padding-left:10px; text-align:center;" rendered="#{registroDocenteController.renderEditionButtons}">
						<a4j:commandButton value="#{msg['cancelar']}" actionListener="#{registroDocenteController.btnCancelSaveProfesor}" 
							image="/resources/images/cancel.png" immediate="true" execute="@this" render="pnlBtnProf, pnlDocente"/>
						<h:outputLabel value="#{msg['cancelar']}" />
					</h:panelGrid>
					
					<h:panelGrid columns="1" style="padding-left:10px; text-align:center;" rendered="#{!registroDocenteController.renderEditionButtons}">
						<a4j:commandButton value="#{msg['editar']}" actionListener="#{registroDocenteController.btnEditProfesor}" 
							image="/resources/images/edit.png" immediate="true" execute="@this" render="pnlBtnProf, pnlDocente"/>
						<h:outputLabel value="#{msg['editar']}" />
					</h:panelGrid>
					
					<h:panelGrid columns="1" style="padding-left:10px; text-align:center;" rendered="#{!registroDocenteController.renderEditionButtons}">
						<a4j:commandButton value="#{msg['atras']}" actionListener="#{registroDocenteController.btnAtrasListaProfesor}" image="/resources/images/go-back.png" immediate="true" execute="@this"/>
						<h:outputLabel value="#{msg['atras']}" />
					</h:panelGrid>
				</h:panelGrid>
			</h:panelGroup>
			
			<rich:collapsiblePanel header="#{msg['datos_personales']}"  headerClass="headerDivCollap" styleClass="mainDivCollap" 
				leftCollapsedIcon="triangleDown" leftExpandedIcon="triangleUp" switchType="client">
				<h:panelGrid columns="2" columnClasses="alinear-vertical-top, alinear-vertical-top">
					<h:panelGroup layout="block">
						<h:panelGrid columns="2">
							<h:outputLabel value="#{msg['cedula']}: "  style="padding-right:50px" />
							
							<sigecComp:textField value="#{registroDocenteController.profesor.persona.cedula}" required="true" editMode="#{registroDocenteController.renderEditionButtons}" label="#{msg['cedula']}" onkeypressScript="return validateNumPP(event);">
								<f:validator validatorId="cedulaValidator" for="Input"/>
							</sigecComp:textField>
							
							
		
							<h:outputLabel value="#{msg['nombres']}: "  />
							<h:panelGrid columns="2" rendered="#{registroDocenteController.renderEditionButtons}" cellpadding="0" cellspacing="0">
								<sigecComp:textField value="#{registroDocenteController.profesor.persona.primerNombre}" required="true" editMode="true" label= "#{msg['nombre']}" />
								<h:inputText value="#{registroDocenteController.profesor.persona.segundoNombre}" />
							</h:panelGrid>
							<h:outputText value="#{registroDocenteController.profesor.persona.primerNombre.concat(' ').concat(registroDocenteController.profesor.persona.segundoNombre)}" 
								rendered="#{!registroDocenteController.renderEditionButtons}"/>
		
		
							<h:outputLabel value="#{msg['apellidos']}: "  />
							<h:panelGrid columns="2" rendered="#{registroDocenteController.renderEditionButtons}" cellpadding="0" cellspacing="0">
								<sigecComp:textField value="#{registroDocenteController.profesor.persona.primerApellido}" required="true" editMode="true" label="#{msg['apellidos']}" />
								<h:inputText value="#{registroDocenteController.profesor.persona.segundoApellido}" />
							</h:panelGrid>
							<h:outputText value="#{registroDocenteController.profesor.persona.primerApellido.concat(' ').concat(registroDocenteController.profesor.persona.segundoApellido)}" 
								rendered="#{!registroDocenteController.renderEditionButtons}"/>
		
							<h:outputLabel value="#{msg['fecha_nacimiento']}: "/>
							<rich:calendar value="#{registroDocenteController.profesor.persona.fechaNacimiento}" datePattern="#{msg['dd_MMM_yyyy']}" rendered="#{registroDocenteController.renderEditionButtons}"/>
							<h:outputText value="#{registroDocenteController.profesor.persona.fechaNacimiento}" rendered="#{!registroDocenteController.renderEditionButtons}"/>
							
							<h:outputLabel value="#{msg['nacionalidad']}: "  />
							<h:inputText value="#{registroDocenteController.profesor.persona.nacionalidad}" rendered="#{registroDocenteController.renderEditionButtons}"/>
							<h:outputText value="#{registroDocenteController.profesor.persona.nacionalidad}" rendered="#{!registroDocenteController.renderEditionButtons}"/>
							
							<h:outputLabel value="#{msg['direccion']}: " />
							<h:inputText value="#{registroDocenteController.profesor.persona.direccion}" size="43" rendered="#{registroDocenteController.renderEditionButtons}"/>
							<h:outputText value="#{registroDocenteController.profesor.persona.direccion}" rendered="#{!registroDocenteController.renderEditionButtons}"/>
		
							<h:outputLabel value="#{msg['e_mail']}: "  />
							<h:inputText value="#{registroDocenteController.profesor.persona.mail}" size="43" rendered="#{registroDocenteController.renderEditionButtons}"/>
							<h:outputText value="#{registroDocenteController.profesor.persona.mail}" size="43" rendered="#{!registroDocenteController.renderEditionButtons}"/>
		
							<h:outputLabel value="#{msg['celular']}: " />
							<h:inputText value="#{registroDocenteController.profesor.persona.telefonoCelular}" onkeypress="return validateNumPP(event);" maxlength="20" rendered="#{registroDocenteController.renderEditionButtons}"/>
							<h:outputText value="#{registroDocenteController.profesor.persona.telefonoCelular}" rendered="#{!registroDocenteController.renderEditionButtons}"/>
							
							<h:outputLabel value="#{msg['etiqueta_telefono_convencional']}: " />
							<h:inputText value="#{registroDocenteController.profesor.persona.telefonoConvencional}" onkeypress="return validateNumPP(event);" maxlength="20" rendered="#{registroDocenteController.renderEditionButtons}"/>
							<h:outputText value="#{registroDocenteController.profesor.persona.telefonoConvencional}" rendered="#{!registroDocenteController.renderEditionButtons}"/>
							
							<h:outputLabel value="#{msg['etiqueta_observacion']}: "  />
							<h:inputText value="#{registroDocenteController.profesor.observacion}" size="43" rendered="#{registroDocenteController.renderEditionButtons}"/>
							<h:outputText value="#{registroDocenteController.profesor.observacion}" rendered="#{!registroDocenteController.renderEditionButtons}"/>
							
							<h:outputLabel value="Tiempo completo: " />
							<h:selectOneRadio value="#{registroDocenteController.profesor.tiempoComp}" disabled="#{!registroDocenteController.renderEditionButtons}">
								<f:selectItem itemLabel="Si" itemValue="1" />
								<f:selectItem itemLabel="No" itemValue="0" />
							</h:selectOneRadio>
							
						</h:panelGrid>
						<h:panelGroup layout="block">
						<style>
							
						</style>
						
							<rich:fileUpload fileUploadListener="#{registroDocenteController.uploadImage}" styleClass="cssUpload" uploadLabel="cargarArchivo" style="width:200px;"  
								listHeight="0" maxFilesQuantity="1" render="idPanelImage" execute="@this" addLabel="Agregar" clearAllLabel="Borrar" clearLabel="remover"
				                id="upload" acceptedTypes="jpg, gif, png, bmp" rendered="#{registroDocenteController.renderEditionButtons}">
				                <a4j:ajax event="uploadcomplete" execute="@this" render="idPanelImage" />
				            </rich:fileUpload>
				            
				            <h:panelGroup id="idPanelImage">
				            	
					            <rich:panel style="width:198px; text-align:center">
					            	<h:panelGroup rendered="#{!sessionBean.renderimage}" style="text-align:center;" layout="block">
						            	<h:graphicImage library="images/icons" name="sinfoto.png"/>
						            </h:panelGroup>
									<a4j:mediaOutput element="img" mimeType="image/jpeg" 
										createContent="#{sessionBean.paint}" value="#{registroDocenteController.row}" id="imgFoto" style="height:140px;width:120px;" 
										cacheable="false" rendered="#{sessionBean.renderimage}">
										
									</a4j:mediaOutput>
								</rich:panel>
			                </h:panelGroup>
			                
		                </h:panelGroup>
	                </h:panelGroup>
                
                	<h:panelGroup layout="block">
                		<h:panelGrid columns="2">
                			<h:outputLabel value="#{msg.primaria}: " />
                			
                			<sigecComp:textField value="#{registroDocenteController.profesor.persona.educacionFormacion.edcPrimaria}" size="40" required="false" editMode="#{registroDocenteController.renderEditionButtons}" label="#{msg.primaria}" />
                			
                			<h:outputLabel value="#{msg.secundaria}: " />
                			<sigecComp:textField value="#{registroDocenteController.profesor.persona.educacionFormacion.edcSecundaria}" size="40" required="false" editMode="#{registroDocenteController.renderEditionButtons}" label="#{msg.secundaria}" />
                			
                			<h:outputLabel value="#{msg.universitaria}: " />
                			<h:inputText value="#{registroDocenteController.profesor.persona.educacionFormacion.edcUniversitaria}" size="40" rendered="#{registroDocenteController.renderEditionButtons}"/>
                			<h:outputText value="#{registroDocenteController.profesor.persona.educacionFormacion.edcUniversitaria}" rendered="#{!registroDocenteController.renderEditionButtons}"/>
                			
                			<h:outputLabel value="#{msg.postgrado}: " />
                			<h:inputText value="#{registroDocenteController.profesor.persona.educacionFormacion.edcPostgrado}" size="40" rendered="#{registroDocenteController.renderEditionButtons}"/>
                			<h:outputText value="#{registroDocenteController.profesor.persona.educacionFormacion.edcPostgrado}" rendered="#{!registroDocenteController.renderEditionButtons}"/>
                			
                		</h:panelGrid>
                	</h:panelGroup>
                </h:panelGrid>
                
			</rich:collapsiblePanel>
			
			<rich:collapsiblePanel header="#{msg.estudios_complementarios}"  headerClass="headerDivCollap" styleClass="mainDivCollap" 
				leftCollapsedIcon="triangleDown" leftExpandedIcon="triangleUp" switchType="client">
				<a4j:commandLink value="Agregar" execute="@this" oncomplete="#{rich:component('rppEstCompl')}.show();" limitRender="true"
					style="float:right;" action="#{registroDocenteController.btnShowPopupAgragarEstudioComplemetario}" render="rppEstCompl, pgPopEstCompl">
					<f:setPropertyActionListener target="#{registroDocenteController.renderPopupEstComp}" value="true"></f:setPropertyActionListener>
				</a4j:commandLink>
				
				<rich:popupPanel id="rppEstCompl" domElementAttachment="form" modal="true" header="Agregar estudio complementario">
					
			        
			        <h:panelGrid columns="2" id="pgPopEstCompl" rendered="#{registroDocenteController.renderPopupEstComp}">
			        	<h:outputLabel value="#{msg.nombre_curso}: " />
			        	<h:inputText value="#{registroDocenteController.estudioComplementario.nombreCurso}" />
			        	<h:outputLabel value="#{msg.institucion}: " />
			        	<h:inputText value="#{registroDocenteController.estudioComplementario.nombreInstitucion}" />
			        	<h:outputLabel value="#{msg.certificacion_obtenida}: "/>
			        	<h:inputText value="#{registroDocenteController.estudioComplementario.certificacionObtenida}" />
			        	<h:outputLabel value="#{msg.duracion}: "/>
			        	<h:inputText value="#{registroDocenteController.estudioComplementario.duracion}" />
			        </h:panelGrid>
			        
			        <div style="display: table; width: 100%; margin: auto;">
			        	<div style="display: table-row;">
			        		<div style="display: table-cell; text-align: center;" >
					        	<a4j:commandLink value="Agregar" execute="pgPopEstCompl"
					        		action="#{registroDocenteController.btnAgregarEstudioComplemetario}" render="tblEstudioCompl" 
					        		oncomplete="if(#{(facesContext.maximumSeverity.ordinal != 2)} ) #{rich:component('rppEstCompl')}.hide();">
					        		<f:setPropertyActionListener target="#{registroDocenteController.renderPopupEstComp}" value="false" />
					        	</a4j:commandLink>
					        </div>
					        <div style="display: table-cell; text-align: center;">
					        	<a4j:commandLink value="Cancelar" oncomplete="#{rich:component('rppEstCompl')}.hide();" execute="@this">
					        		<f:setPropertyActionListener target="#{registroDocenteController.renderPopupEstComp}" value="false" />
					        	</a4j:commandLink>
					        </div>
				        </div>
			        </div>
				</rich:popupPanel>
				
				<rich:dataTable id="tblEstudioCompl" value="#{registroDocenteController.lstEstudiosComplementarios}" var="items"
					style="width:100%;" noDataLabel="No se encontraron registros">
					<rich:column>
						<f:facet name="header">
							<h:outputLabel value="#{msg.nombre_curso}" />
						</f:facet>
						<h:outputText value="#{items.nombreCurso}" />
					</rich:column>
					
					<rich:column>
						<f:facet name="header">
							<h:outputLabel value="#{msg.institucion}" />
						</f:facet>
						<h:outputText value="#{items.nombreInstitucion}" />
					</rich:column>
					
					<rich:column>
						<f:facet name="header">
							<h:outputLabel value="#{msg.certificacion_obtenida}" />
						</f:facet>
						<h:outputText value="#{items.certificacionObtenida}" />
					</rich:column>
					
					<rich:column>
						<f:facet name="header">
							<h:outputLabel value="#{msg.duracion}" />
						</f:facet>
						<h:outputText value="#{items.duracion}" />
					</rich:column>
				</rich:dataTable>
			</rich:collapsiblePanel>
			
			
			<rich:collapsiblePanel header="#{msg['ponderacion']}"  headerClass="headerDivCollap" styleClass="mainDivCollap" 
				leftCollapsedIcon="triangleDown" leftExpandedIcon="triangleUp" switchType="client">
			
				<h:panelGrid columns="2" columnClasses="alinearLeft, alinearCenter, alinearCenter">
					<h:outputLabel value="#{msg['titulo_nivel_tres']}"  style="padding-right:50px" />
					<h:selectOneRadio value="#{registroDocenteController.profesor.tituloNivelTres}" disabled="#{!registroDocenteController.renderEditionButtons}">
						<f:selectItem itemLabel="1" itemValue="1" />
						<f:selectItem itemLabel="2" itemValue="2" />
						<f:selectItem itemLabel="3" itemValue="3" />
					</h:selectOneRadio>
					
					
					<h:outputLabel value="#{msg['experiencia_docente']}"  style="padding-right:50px" />
					<h:selectOneRadio value="#{registroDocenteController.profesor.expeAnioDocente}" disabled="#{!registroDocenteController.renderEditionButtons}">
						<f:selectItem itemLabel="1" itemValue="1" />
						<f:selectItem itemLabel="2" itemValue="2" />
						<f:selectItem itemLabel="3" itemValue="3" />
						<f:selectItem itemLabel="4" itemValue="4" />
						<f:selectItem itemLabel="5" itemValue="5" />
					</h:selectOneRadio>
					
					<h:outputLabel value="#{msg['experiencia_area']}"  style="padding-right:50px" />
					<h:selectOneRadio value="#{registroDocenteController.profesor.expeAnioArea}" disabled="#{!registroDocenteController.renderEditionButtons}">
						<f:selectItem itemLabel="1" itemValue="1" />
						<f:selectItem itemLabel="2" itemValue="2" />
					</h:selectOneRadio>
				</h:panelGrid>
			</rich:collapsiblePanel>

		</rich:panel>
	</h:form>
</ui:composition>
